@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: MyFont;
    src:url(../Fonts/Roboto-Regular_0.ttf);
    font-weight:normal;
 	font-style:normal;
}

body{
	font-family: MyFont;
	font-size:12px;
	margin:auto 0;
	padding:0;
}

/* CSS head */
.head{
	width: 100%;
    margin: 0 auto 0 auto;
    height: 10em;
	background:#a35e4e;
	
}
.logo{
	width:6em;
    top: 0px;
	margin:auto;
	margin-left:10%;
	float:left;
}
.loginArea{
	float:right;
	font-weight:100;
}
.loginArea a {
    color: #fff;
    margin-right: 15px;
    padding-right: 16px;
	
}
nav{
	width:85%;
	height:50%;
	margin:auto;
}
a{
	text-decoration:none;
}
/* dropdow */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	font-weight:550;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: #dacfc1;
    text-align: center;
    padding: 1.5em 2.8em;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
	color:white;
	border-bottom:solid 2px #ffff;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background:#6e3426;
    z-index: 1;
	font-weight:500;
}

.dropdown-content a {
    color: #dacfc1;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
	color:white;
	border-bottom:solid 2px white;
}

.dropdown:hover .dropdown-content {
    display: block;
}
/* css tìm kiếm */
input[type=text] {
	position:absolute;
	right:0;
	padding:0.6%;
	margin-top:-0.5em;
	margin-right:5%;
    width:10%;
    box-sizing: border-box;
    border:none;
    border-radius: 4px;
    font-size: 10px;
    background-color:#4a4643;
	color:white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
}
input[type=button] {
	float:right;
	margin-right:16em;
	padding:0.5em 1em;
	margin-top:-0.4em;
	background-color:#ddbb57;
	border:none;
	font-weight:bold;
	color:white;
}
/* css slide */
.slide{
	width:100%;
	height:53em;
}
.text{
	width:45%;
	font-size:3em;
	color:#FFF;
	position:absolute;
	margin:20%;
	margin-left:25%;
	padding:1em;
	border-top:double 2px #FFFFFF;
	border-bottom:double 2px #FFFFFF;
}
/* css conten */
.conten{
	width:85%;
	margin:0 auto;
	height:20em;
}
.conten-left{
	width: 20%;
	float: left;
}
.conten-right{
	width: 80%;
	float: right;
}
.text-head{
	width: 50%;
	font-size:16px;
	padding:0 0 0.5em 0;
	font-weight:550;
	border-bottom:solid 4px #a35e4e;
	color:#3e2b2c;
	float:left;
	margin-right:10em;
}
.line{
	height:0.1em;
	width:100%;
	background:#e1be5a;
	margin:auto;
}
/* css conten about */
.about-text{
	font-size:12px;
	padding-top:1em; 
	width:79%; 
	margin:auto;
	line-height:2em;
	text-align:justify;
	float:left;
}
.about-box{
	width:30%;
	margin-left:1.5%;
	float:left;
}
.about-box-text{
	color:#3e2b2c;
	font-size:20px;
	padding:0.5em;
}

.text-link{
	color:#3e2b2c;
	text-decoration:none;
}
/* css conten our about */
.ourabout-left{
	width:30%;
	margin:0 0 0 5%;
	margin-top:2%;
	float:left;
	height:80%;
}
.ourabout-right{
	width:55%;
	margin:0 5% 0 0;
	margin-top:2%;
	float:right;
	height:80%;
}
.ourabout-text{
	font-size:1.1em;
	font-style:italic;
	padding-top:1em; 
	width:100%; 
	line-height:1.5em;
}
.ourabout-right-box{
	width:23%;
	margin-top:3%;
	float:left;
	margin-left:4%;
	padding:0 1% 1% 0;
	border-bottom:solid 1px #3e2b2c;
	border-right:solid 1px #3e2b2c;
}
.ourabout-right-box-img{
	width:35%;
	height:10em;
	float:left;
	border-radius:100%;
}
.ourabout-right-box-text{
	width:57%;
	height:100%;
}.text-link-1{
	padding:0 0.5em;
	font-size:14px;
	font-style:italic;
}

/* css conten news */
.box-news{
	width:27%;
	height:60%;
	margin:1%;
	float:left;
	margin-top:3%;
	
}
.box-news1{
	width:21.2%;
	height:35%;
	margin:1%;
	float:left;
	margin-top:0;
	
}
.box-news-img{
	height:80%;
}
.box-news-text{
	text-align:left;
	font-size:16px;
	height:15%;	
}
.box-news-text1{
	text-align:justify;
	height:20%;
}
/* css footer */
footer{
	height:22em;
	background:#727377;
}
.footer{
	width:100%;
}
.box-footer{
	width:37%;
	height:50%;
	margin-top:1%;
	float:left;
	margin-right:1%;
	color:black;	
}
.box-footer-bot{
	width:9.5%;
	height:20%;
	margin:auto;
}
/* css img */
.container {
  position: relative;
  width: 100%;
  height:100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#fff;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
  opacity:0.5;
}

.container:hover .overlay {
  height: 100%;
}

.text-img {
	top: 50%;
  left: 50%;
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.p-text{
	padding:0;
	margin:0;
}
/* css hoi thao */
.p-text-one{
	width:47%;
	float:left;
	text-align:justify;
}
.image-icon{
	float:left;
	margin-right:0.5em;
}
.morethan{
	width:6em;
	float:right;
	font-size:14px;
}
h3{
	font-weight:600;
	margin:0;
}
/* style phong nghi*/